@import '../../app.scss';

.top {
  position: relative;
  height: 200rpx;

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200rpx;
  }

  .menu-box {
    width: 100%;
    height: 200rpx;
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
  }
}

.active {
  border-bottom: 1rpx solid #fff;
  color: #fff !important;
}

.content {
  padding: 0 20rpx;
  .items-box {
    box-shadow: 1px 1px 2px 0px rgba(24, 25, 25, 0.25);
    border-radius: 10px;
  
    .user-photo {
      width: 50rpx;
      height: 50rpx;
      border-radius: 50%;
    }
  
    .skill {
      background: rgba(240, 240, 240, 1);
      padding: 10rpx 20rpx;
    }
  
    .label-text {
      border-radius: 3rpx;
      background: map-get($map: $colors, $key: "blue");
    }
  
    .finish-icon {
      width: 100rpx;
      height: 74rpx;
    }

    .btn {
      font-size: 24rpx;
      width: 160rpx;
      height: 46rpx;
      text-align: center;
      line-height: 46rpx;
      color: map-get($map: $colors, $key: "blue");
      border: 1rpx solid map-get($map: $colors, $key: "blue");
      border-radius: 100rpx;
    }
  }
}